<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>表单元素</title>
</head>
<body>
  <!-- 小刷-F5、小圆圈：会从浏览器缓存中拿资源 -->
  <!-- 大刷-在url地址栏重新输入地址 -->


  <!-- 表单元素 -->
  <!-- action提交表单服务器 -->
  <form action="test.html" enctype="multipart/form-data" method="post">
    <!-- 
      单选框 单选按钮 复选框
      明文输入框
     -->
     账号：<input type="text" name="account"  placeholder="请输入账号">
     <br>
     密码：<input type="password" name="pwd" id="" placeholder="请输入密码">
     <br>
     <!-- 单选按钮  互斥-设置同一个属性即=设置同一个name-->
     角色：
     管理员<input type="radio" name="radio" id="" value="admin" checked >
     顾客<input type="radio" name="radio" id="" value="customer">
     员工<input type="radio" name="radio" id="" value="employee">
     <br>
     <!-- 复选框 默认选中 checked -->
     爱好：
     唱<input type="checkbox" name="hobbies" id="" value="sing">
     跳<input type="checkbox" name="hobbies" id="" value="dance">
     rap<input type="checkbox" name="hobbies" id="" value="rap">
     <br>
     <!-- 附件上传表单元素 -->
     <input type="file" name="file">
     <br>
     <!-- 普通按钮 配合js做一些动作-->
     <input type="button" value="我是一个按钮">
     <br>
     <!-- 图片按钮 -->
     <input type="image" src="../第一天/图片/1.jpg" alt="" width="200px">
     <br>
     <!-- 隐藏域 -->
     <input type="hidden" name="token" value="1">
     <!-- 重置按钮 -->
     <input type="reset" value="重置">





     <br>


     <!-- 提交按钮 -->
     <input type="submit" value="提交">

     <!-- json字符串
    {
      "username":"admin"
    }
    查询字符串

    -->

  </form>
  
</body>
</html>